﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MylyOnline.aspx.cs" Inherits="MyLy_MylyOnline" %>

<%@ Register src="../Controls/Head.ascx" tagname="Head" tagprefix="uc1" %>

<%@ Register src="../Controls/Foot.ascx" tagname="Foot" tagprefix="uc2" %>

<%@ Register src="../Controls/MylyLeft3.ascx" tagname="MylyLeft" tagprefix="uc3" %>

<%@ Register src="../Controls/MylyRight.ascx" tagname="MylyRight" tagprefix="uc4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="../Scripts/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.validate.js"></script>
<script type="text/javascript" src="../Scripts/messages_cn.js"></script>
<link type="text/css" href="../CSS/style.css" rel="Stylesheet" />
<link href="../css/website1.css" rel="stylesheet" type="text/css" />
<link href="../css/Myly.css" rel="stylesheet" type="text/css" />
    <title>立言咨询平台-在线充值</title>
     <script type="text/javascript">
        $(function() { 
                jQuery.validator.addMethod("isNumber", function(value, element) {
                return this.optional(element) || /^(-?[0-9]*[.]*[0-9]{0,3})$/.test(value);
                }, "卡号只能数字");
                jQuery.validator.addMethod("isMobile", function(value, element) {
                 var length = value.length;
                 return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|18[0-9]{1}|(15[0-9]{1}))+\d{8})$/.test(value));
             }, "请正确填写您的手机号码");
           $("#commentForm").validate(
           {
               errorClass: "error",
               ignoreTitle: true,
               rules: {
                        realName: {
                               required: true,
                               isNumber: true
                           }, 
                        mobilePhone: {
                               isMobile: true, required: true
                           },
                      password: {     
                        required: true         
                        } 
                },  
               messages: {
                    realName: { required: "卡号不能为空！" }, 
                     mobilePhone:{ required: "手机号不能为空！" },    
                     password:{required: "密码不能为空！"}       
                }
           });
        });        
    
    </script>
        <style type="text/css">
            
        /* form中显示文字的label */
        .slabel
        {
        	width:142px;
        	display: -moz-inline-box;
        	line-height: 1.8;
        	display: inline-block;
        	text-align:right;
        }
        /* 出错样式 */
        input.error, textarea.error
        {
        	border: solid 1px #CD0A0A;
        }
        label.error
        {
        	color:#CD0A0A;
        	margin-left:5px;
        }
        /* 深红色文字 */
        .textred
        {
        	color:#CD0A0A;
        }	
        </style>
</head>
<body>
    <form id="commentForm" runat="server">
    <div id="big">
    <uc1:Head ID="Head1" runat="server" />
    <div id="main">
           <div class="kong1"></div>
           <uc3:MylyLeft ID="MylyLeft1" runat="server" />
           <div class="kong1"></div>
           <div id="middle">
                <div id="m1"><div id="m11"><a href="Mylyindex.aspx">&nbsp; &nbsp;我的立言平台</a><a href="MylyOnline.aspx">&nbsp; &nbsp;>>在线充值</a></div></div>
                 <div class="xiankong"></div>
                 <div id="m2">充值帐户：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:TextBox ID="mobilePhone" runat="server" BorderWidth="1px" 
                       Width="200px"></asp:TextBox>
                 </div>
                 <div class="xian"></div>
                 <div class="xiankong"></div>
                 <div class="m3">充值卡号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:TextBox ID="realName" runat="server" BorderWidth="1px" 
                          Width="200px"></asp:TextBox>
                 </div>
                 <div class="xian"></div>
                 <div class="xiankong"></div>
                 <div class="m3">充值密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:TextBox ID="password" runat="server" BorderWidth="1px" 
                          TextMode="Password" Width="200px"></asp:TextBox>
                 </div>
                 <div class="xian"></div>
                 <div class="xiankong"></div>
                 <div class="m5">
                     <asp:ImageButton ID="ImgBtn_Trans" runat="server" 
                         ImageUrl="~/Images/MylyImg/querenchongzhi.jpg" 
                         onclick="ImgBtn_Trans_Click"/>
                 </div>
                    <%--   错误信息--%>
                 <div style="height:25px; text-align:left;">
                           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                           <asp:Label ID="Lbl_ErrorInfo" runat="server" Font-Bold="True" ForeColor="#FF3300" 
                               Text=""></asp:Label>
                </div>
           </div>
           <div class="kong1"></div>
           <uc4:MylyRight ID="MylyRight1" runat="server" />
    </div>
    <uc2:Foot ID="Foot1" runat="server" /> 
    </div>
    </form>
</body>
</html>
